<div class="page-header">
  <ol class="breadcrumb">
    <li class="breadcrumb-item-truncate"><translate>Project</translate></li>
    <li class="breadcrumb-item-truncate"><translate>Network</translate></li>
    <li class="breadcrumb-item-truncate"><a href="project/load_balancer/"><translate>Load Balancers</translate></a></li>
    <li class="breadcrumb-item-truncate"><a href="project/load_balancer/{$ ::ctrl.loadbalancer.id $}">{$ ::(ctrl.loadbalancer.name || ctrl.loadbalancer.id) $}</a></li>
    <li class="breadcrumb-item-truncate" ng-style="ctrl.withListenerStyle"><a href="project/load_balancer/{$ ::ctrl.loadbalancer.id $}/listeners/{$ :: ctrl.listener.id $}">{$ :: (ctrl.listener.name || ctrl.listener.id) $}</a></li>
    <li class="breadcrumb-item-truncate" ng-style="ctrl.withListenerStyle"><a href="project/load_balancer/{$ ::ctrl.loadbalancer.id $}/listeners/{$ :: ctrl.listener.id $}/pools/{$ ::ctrl.pool.id $}">{$ ::(ctrl.pool.name || ctrl.pool.id) $}</a></li>
    <li class="breadcrumb-item-truncate" ng-style="ctrl.withoutListenerStyle"><a href="project/load_balancer/{$ ::ctrl.loadbalancer.id $}/pools/{$ ::ctrl.pool.id $}">{$ ::(ctrl.pool.name || ctrl.pool.id) $}</a></li>
    <li class="breadcrumb-item-truncate active">{$ (ctrl.member.name || ctrl.member.id) $}</li>
  </ol>
  <div class="row">
    <div class="col-xs-12 col-sm-9 text-left">
      <ul class="list-inline">
        <li>
          <strong translate>IP Address</strong>
          {$ ::ctrl.member.address $}
        </li>
        <li>
          <strong translate>Port</strong>
          {$ ::ctrl.member.protocol_port $}
        </li>
        <li>
          <strong translate>Backup</strong>
          {$ ctrl.member.backup | yesno $}
        </li>
        <li>
          <strong translate>Operating Status</strong>
          {$ ctrl.member.operating_status | decode:ctrl.operatingStatus $}
        </li>
        <li>
          <strong translate>Provisioning Status</strong>
          {$ ctrl.member.provisioning_status | decode:ctrl.provisioningStatus $}
        </li>
        <li>
          <strong translate>Admin State Up</strong>
          {$ ctrl.member.admin_state_up | yesno $}
        </li>
      </ul>
    </div>

    <div class="col-xs-12 col-sm-3 text-right details-item-actions">
      <actions allowed="ctrl.resourceType.itemActions"
               type="row"
               item="ctrl.member"
               class="actions_column pull-right"
               result-handler="ctrl.resultHandler"></actions>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-6 detail">
    <hz-resource-property-list
       resource-type-name="OS::Octavia::Member"
       cls="dl-horizontal"
       item="ctrl.member"
       property-groups="[[
       'id', 'name', 'project_id', 'created_at', 'updated_at',
       'weight', 'subnet_id', 'monitor_address', 'monitor_port']]">
    </hz-resource-property-list>
  </div>
</div>
